<!DOCTYPE html>
<html>
  <head>
    <title>公文查阅</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="../../images/favicon.png" type="image/x-icon">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="../../stylesheets/normalize.css">
    <link rel="stylesheet" href="../../stylesheets/style.css">
    <script src="../../plugins/jquery-2.1.4/jquery-2.1.4.min.js"></script>
    <script src="../../javascripts/common.js"></script>
    <link rel="stylesheet" href="../../stylesheets/news.css">
  </head>
  <body>
    <div id="wrapper">
      <div id="header">
        <style>
          .navbar{
              border-radius: 0;
              margin-bottom: 0;
          }
        </style>
        <header id="common-header">
          <div class="header-left">
            <div class="header-logo"><img src="../../images/logo.png"></div>
            <div class="header-nav clearfix"><a class="active" href="/"><i class="icon icon-home"></i>工作台</a><a href=""><i class="icon icon-envelope"></i>即时通讯</a><a href=""><i class="icon icon-disk"></i>网盘</a><a href=""><i class="icon icon-screen"></i>多屏幕模式</a></div>
          </div>
          <div class="header-right">
            <div class="header-search">
              <input type="text"><i class="icon icon-search"></i>
            </div>
            <div class="login-user">
              <div class="img-wrapper"><img src="../../images/avatar.png"></div>
              <!--.name   Lingyu.ZHOU-->
            </div><a class="star"><i class="icon icon-star"></i></a><a class="login-out"><i class="icon icon-close"></i></a>
          </div>
        </header>
      </div>
      <div id="main-wrapper">
        <div id="aside-nav">
          <!-- breadcrumb-->
                    <ul id="aside">
                      <li class="active"><a href="/docu/docu_list"><i class="icon"></i>公文查阅</a></li>
                      <li><a href="/docu/docu_create"><i class="icon"></i>公文发布</a></li>
                      <li><a href="/docu/docu_manage"><i class="icon"></i>公文管理</a></li>
                      <li><a href="/docu/docu_approve"><i class="icon"></i>待我审核</a></li>
                    </ul>
        </div>
        <div id="main-content">
          <!-- breadcrumb-->
                    <div class="route-nav">
                      <h2>公文查阅</h2>
                    </div>
          <div class="condition">
            <div class="inline-group">
              <label for="newsTheme">主题:</label>
              <input id="newsTheme" type="text">
            </div>
            <div class="inline-group"><span style="margin-right:10px;">公文状态:</span>
              <input id="unread" type="radio" name="read" checked style="margin-right:10px;">
              <label for="unread" style="margin-right:25px;">未阅读</label>
              <input id="read" type="radio" name="read" style="margin-right:10px;">
              <label for="read">已阅读</label>
            </div>
            <div class="inline-group">
              <label for="newsCreate">发布时间:</label>
              <input id="newsCreate" type="time">
            </div>
            <div class="inline-group">
              <button class="btn btn-warning btn-sm" type="button" style="margin-left:20px;">删除</button>
              <button class="btn btn-warning btn-sm" type="button">查询</button>
            </div>
          </div>
          <div id="inner-wrapper">
            <div class="content-list section-block">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td>
                      <input type="checkbox">
                    </td>
                    <td> 标题</td>
                    <td> 发布人</td>
                    <td> 发布时间</td>
                    <td> 发布状态</td>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>
                      <input type="checkbox">
                    </td>
                    <td> xxx</td>
                    <td> xxx</td>
                    <td> 2017-12-01</td>
                    <td> 已读</td>
                  </tr>
                  <tr>
                    <td>
                      <input type="checkbox">
                    </td>
                    <td> xxx</td>
                    <td> xxx</td>
                    <td> 2017-12-01</td>
                    <td> 已读</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>